<template>
    <!-- 头部 -->
    <header>
        <el-row
                style=" background:#545c64;padding: 0 20px;align-items:center;"
                type="flex"
                justify="space-between"
        >
            <el-col :span="4">
                <div style="color:#fff;">CMS</div>
            </el-col>
            <el-col :span="4">
                <el-menu
                        :default-active="activeIndex2"
                        class="el-menu-demo"
                        mode="horizontal"
                        background-color="#545c64"
                        text-color="#fff"
                        active-text-color="#67C23A"
                >
                    <el-submenu index="1">
                        <template slot="title">anan</template>
                        <el-menu-item index="1-1">个人中心</el-menu-item>
                        <el-menu-item index="1-2">退出</el-menu-item>
                    </el-submenu>
                </el-menu>
            </el-col>
        </el-row>
    </header>
</template>
<script>
    export default {
        name:'pageheader',
        data(){
            return{
                activeIndex2: "1",
            }

        }
    }
</script>
<style scoped>

</style>